(function() {
	// 	var vueConfig = {
	// 		el: '#usersManage',
	// 		data: function() {
	// 			return {
	// 
	// 			}
	// 		},
	// 		methods: {
	// 
	// 		},
	// 		created: function() {},
	// 		mounted: function() {},
	// 	};

	layui.use('table', function() {
		var table = layui.table;
		var url = GlobalSiteUrl + "/user/allUser";
		console.log(url)
		//第一个实例
		table.render({
			elem: '#table',
			toolbar: '#toolbarDemo',
			width: 'auto',
			height: 'full - 200',
			url: url, //数据接口
			response: {
				statusCode: 200 //重新规定成功的状态码为 200，table 组件默认为 0
			},
			parseData: function(res) {
				console.log(res)
				if (res.data == null) {
					alert(res.msg)
					location.reload();
					return;
				} else {
					if (!res.data.total) {
						return {
							"code": res.status,
							"msg": res.msg,
							"data": res.data,
							"count": 1
						}
					} else {
						return {
							"code": res.status,
							"msg": res.msg,
							"data": res.data.list,
							"count": res.data.total
						}
					}
				}
			},
			page: true, //开启分页
			method: 'get',
			id: 'reloadTable',
			cols: [
				[ //表头
					// {
					// 	type: 'checkbox',
					// 	fixed: 'left',
					// },
					{
						field: 'uid',
						title: '用户ID',
						width: 80,
						align: 'center',
						fixed: 'left'
					}, {
						field: 'name',
						title: '用户名',
						align: 'center',
						width: 249
					}, {
						field: 'sex',
						title: '性别',
						align: 'center',
						width: 160,
					},
					// {
					// 	field: 'phone_number',
					// 	title: '手机号',
					// 	align: 'center',
					// 	width: 130
					// },
					{
						field: 'avatar',
						title: '头像',
						align: 'center',
						width: 180,
						templet: '#img'
					},

					{
						field: 'createTime',
						title: '注册时间',
						align: 'center',
						width: 292,
						sort: true
					},
					{
						field: 'updateTime',
						title: '更新时间',
						align: 'center',
						width: 292,
						sort: true
					},

					// {
					// 	title: '操作',
					// 	fixed: 'right',
					// 	width: 178,
					// 	align: 'center',
					// 	toolbar: '#barDemo',
					// }
				]
			]
		});



		// 监听单元格编辑
		table.on('edit(demo)', function(obj) {
			console.log(obj)
			var value = obj.value; //得到修改后的值
			var data = obj.data; //得到所在行所有键值
			var field = obj.field; //得到字段
			if (field == 'sex' && value != '男') {
				if (field == 'sex' && value != '女') {
					alert("请输入:'男' 或 '女'");
					return location.reload();
				}
			}
			switch (value) {
				case '男':
					value = 1
					break;
				case '女':
					value = 0
					break;
				default:
					value.toString();
					break;
			}
			console.log(value);
			var url = GlobalSiteUrl + '/user/updateUserInfo?' + field + '=' + value + '&id=' + data.id;
			$.post({
				url: url,
				data: {},
				success: function(res) {
					console.log(res)
					switch (value) {
						case 1:
							value = '男'
							break;
						case 0:
							value = '女'
							break;
						default:
							value.toString();
							break;
					}
					layer.msg('[ID: ' + data.id + ',' + data.name + '] ' + field + ' 字段更改为：' + value);
					setTimeout(function() {
						location.reload();
					}, 2000);
				},
				fail: function(res) {
					console.log(res);
					layer.msg("更改失败");
				}
			});
		});

		//表格右侧操作
		table.on('tool(demo)', function(obj) {
			var data = obj.data;
			var url = GlobalSiteUrl + '/user/deleteUser';
			if (obj.event === 'detail') {
				layer.msg('ID：' + data.id + ' 的查看操作');
			} else if (obj.event === 'del') {
				layer.confirm('真的删除行么', function(index) {
					$.post({
						url: url,
						data: {
							id: data.id
						},
						success: function(res) {
							console.log(res);
							layer.msg("删除成功");
							setTimeout(function() {
								location.reload();
							}, 1000);
						},
						fail: function(res) {
							console.log(res);
							layer.msg("删除失败");
						}
					});
					layer.close(index);
				});
			} else if (obj.event === 'edit') {
				layer.alert('编辑行：<br>' + JSON.stringify(data))
			}
		});

		//按钮事件
		var $ = layui.$,
			active = {
				getCheckData: function() { //获取选中数据
					var checkStatus = table.checkStatus('reloadTable'),
						data = checkStatus.data;
					layer.alert(JSON.stringify(data));
				},
				getCheckLength: function() { //获取选中数目
					var checkStatus = table.checkStatus('reloadTable'),
						data = checkStatus.data;
					layer.msg('选中了：' + data.length + ' 个');
				},
				isAll: function() { //验证是否全选
					var checkStatus = table.checkStatus('reloadTable');
					layer.msg(checkStatus.isAll ? '全选' : '未全选')
				},

				reload: function() { // 模糊查询
					var search = $('#search');
					//执行重载
					table.reload('reloadTable', {
						// header:'application/x-www-form-urlencoded',
						page: {
							curr: 1 //重新从第 1 页开始
						},
						where: {
							name: search.val()
						}
					}, "data");
				}
			};

		// 按键监听
		$('.demoTable .layui-btn').on('click', function() {
			var type = $(this).data('type');
			active[type] ? active[type].call(this) : '';
		});

		//新增业主
		$('.add').on('click', function() {
			var url = GlobalSiteUrl + "/user/addUser";
			var data1 = $('.addForm').serializeArray();
			console.log(data1);
			layer.open({
				area: ['550px', '400px'],
				type: 1,
				title: '新增业主',
				content: $('.addPanel'),
				btn: ['确定', '取消'],
				yes: function(index) {
					$.post(
					url, 
					$('.addForm').serializeArray(),
						function() {
							layer.close(index);
							layer.msg('添加成功');
							setTimeout(function() {
								location.reload();
							}, 1000);

						});
				}
			});
		});
	});
})();
